new Vue({//vue对象创建
    el: "#app",
    data:{
        userList:[],
        user:{},
        ids:[]
    },
    methods:{
        findAll(){
            let _this=this;
            //使用vue独特的Ajax————axios/发送get请求到后台
            axios.get("/vueDemo/userServlet/findAll")
                .then(resp => {//箭头函数默认绑定vue对象，多参要加(),单参可以省略请求和响应成功以后执行的函数，即回调函数，接受到的响应对象resp，各种数据都封装在里面
                    _this.userList=resp.data;

            })
        },
        findById(id){
           axios.get("/vueDemo/userServlet/findById?id="+id)
               .then(resp =>{
               this.user=resp.data;//获取响应数据中的user对象给这里的user对象赋值，好提供回显操作
               $("#myModal").modal("show");//将修改的模态窗口展示出来
           });
        },
        deleteByIds(){
        /*    let ips = $("input[name=ids]");
            let array=new Array();
           for(let i=0;i<ips.length;i++){
               if(ips[i].checked){//为true则表示被选中了
                   array.push(ips[i].value);
               }
           }
           alert(array);*/
       /* alert(this.ids);*/
        axios.get("/vueDemo/userServlet/deleteByIds?ids="+this.ids)
            .then(resp => {
                if(resp.data){
                    this.findAll();
                }else {
                    alert("删除失败")
                }

            })
        },
        save(){
            axios.post("/vueDemo/userServlet/save",this.user).then( resp => {
                if(resp.data){
                    this.findAll();
                }else {
                    alert("新增失败");
                }

            })
        },
        update(){
            axios.post("/vueDemo/userServlet/update",this.user).then( resp => {
                        this.findAll();
            });
        },
        openSave(){
            this.user={};
            $("#myModal1").modal("show");
        }
    },
    created:function () {//此为钩子函数，可以指定默认执行的方法，即页面一加载就会执行的方法，这里页面一加载就会展示查询到的所有数据，mounted也可以
        this.findAll();
    }

});